<?php
$title = '首页';
require __DIR__ . '/../partials/head.php';
require __DIR__ . '/../partials/nav.php';
require __DIR__ . '/../partials/toast.php';
?>
<section class="hero hero-home">
    <div class="app-container">
        <div class="hero-content">
            <span class="hero-kicker">币胜客Pro · TradingView 自动化跟单平台</span>
            <h1>策略落地真实交易，从未如此高效</h1>
            <p>管理员轻松上架策略，用户三步启用自动跟单，平台全程风控与审计。让团队策略快速走向规模化落地，让投资者专注仓位与收益。</p>
            <div class="hero-cta">
                <a class="btn" href="/strategies">浏览策略市场</a>
                <a class="btn-ghost btn" href="/admin/overview">进入管理后台</a>
            </div>
            <ul class="hero-highlights">
                <li>Webhook 秒级落地 · 幂等防重</li>
                <li>额度、频次、偏离保护全流程风控</li>
                <li>订阅、订单、回执全链路可追踪</li>
            </ul>
        </div>
        <div class="hero-visual">
            <div class="hero-card">
                <div class="hero-card__header">
                    <span>实时策略指令</span>
                    <span class="status">已连接</span>
                </div>
                <div class="hero-card__body">
                    <div>
                        <p class="hero-card__title">BTC 永续 · 跟单组合 A</p>
                        <p class="hero-card__meta">最新指令：开多 100 USDT · 风控正常</p>
                    </div>
                    <div class="hero-card__actions">
                        <span class="hero-chip">用户 132</span>
                        <span class="hero-chip">成功率 97.6%</span>
                    </div>
                </div>
                <div class="hero-card__footer">
                    <div>
                        <strong>额度上限</strong>
                        <p>单笔 100 USDT / 分钟 6 单</p>
                    </div>
                    <div>
                        <strong>最近 24 小时</strong>
                        <p>成交 248 次 · 拦截 5 次</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section section-steps">
    <div class="app-container">
        <div class="section-heading">
            <h2>四步打造稳定的量化跟单体系</h2>
            <p>管理员、运营、用户分工明确，每个环节都有清晰指引与可视化数据。</p>
        </div>
        <div class="grid grid-4">
            <div class="card">
                <span class="badge">01 策略入驻</span>
                <h3>上架策略 & 发布模版</h3>
                <p>录入策略参数，系统自动生成 Webhook、Secret 与 TV 告警模版。</p>
            </div>
            <div class="card">
                <span class="badge">02 用户启用</span>
                <h3>订阅并设定额度</h3>
                <p>支持多策略并行启用，逐笔投入额度透明可控，随时可暂停。</p>
            </div>
            <div class="card">
                <span class="badge">03 自动下单</span>
                <h3>风控通过自动落地</h3>
                <p>校验白名单、最小额、滑点偏离与频次，失败原因实时记录。</p>
            </div>
            <div class="card">
                <span class="badge">04 审计追踪</span>
                <h3>全链路审计与导出</h3>
                <p>从信号到成交完整留痕，运营一键导出回放，追责更有凭证。</p>
            </div>
        </div>
    </div>
</section>
<section class="section section-scenarios">
    <div class="app-container grid-2">
        <div class="card card-highlight">
            <h3>适合谁使用？</h3>
            <ul class="card-list">
                <li><strong>量化团队</strong>：把 TV 策略服务化，提升分发效率与风控能力。</li>
                <li><strong>跟单用户</strong>：零开发门槛，专注资金管理，订单回执透明可查。</li>
                <li><strong>运营/风控</strong>：名义限额、频次控制、偏离保护与白名单体系。</li>
            </ul>
        </div>
        <div class="card">
            <h3>典型落地流程</h3>
            <ol class="ordered-list">
                <li>管理员上架策略 → 获取 Webhook URL 与 Secret。</li>
                <li>TradingView 配置告警 → 信号实时推送到币胜客Pro。</li>
                <li>用户启用策略 → 设置单次投入额度，开启自动跟单。</li>
                <li>平台风控审核 → 订单落地，成功/拦截结果即时反馈。</li>
            </ol>
        </div>
    </div>
</section>
<?php require __DIR__ . '/../partials/footer.php'; ?>
